<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
<%@taglib prefix = "c" uri = "http://java.sun.com/jsp/jstl/core" %>
<t:baselayout>
    <jsp:attribute name="pageTitle">Profil</jsp:attribute>
    <jsp:body>
        <h2>Profile</h2>
        <p>
            Modifiez votre compte et changeant les valeurs dans le formulaire suivant et en cliquant sur le bouton "Valider". <br />
            Vous pouvez à tout moment annuler vos modifications en quittant simplement cette page (sauf si vous avez cliqué sur "Valider").
        </p>
        <form class="form-horizontal" role="form" action="<c:url value='/profile'/>" method="post">
            <input type="hidden" value="${userId}"/>
            <div class="form-group">
                <label for="tbFirstname" class="control-label col-md-3">Prénom</label>
                <div class="col-md-6">
                    <input id="tbFirstname" type="text" name="firstName" class="form-control" placeholder="Votre prénom..." value="${user.firstName}"/>
                </div>
            </div>
            <div class="form-group">
                <label for="tbLastname" class="control-label col-md-3">Nom</label>
                <div class="col-md-6">
                    <input id="tbLastname" type="text" name="lastName" class="form-control" placeholder="Votre nom..." value="${user.lastName}"/>
                </div>
            </div>
            <div class="form-group">
                <label for="tbEmail" class="control-label col-md-3">Email</label>
                <div class="col-md-6">
                    <input id="tbEmail" type="email" name="email" class="form-control" placeholder="Votre email..." value="${user.email}"/>
                </div>
            </div>
            <div class="form-group">
                <label for="tbPassword" class="control-label col-md-3">Nouveau mot de passe</label>
                <div class="col-md-6">
                    <input id="tbPassword" type="password" name="password" class="form-control" placeholder="Votre nouveau mot de passe..."/>
                    <span class="help-block">Vous ne pouvez pas voir votre mot de passe sur cette page pour des raisons de sécurité evidentes. Vous pouvez toutefois le modifier en entrant un nouveau mot de passe dans ce formulaire.</span>
                </div>
            </div>
            <div class="form-group">
                <label for="tbPasswordConfirm" class="control-label col-md-3">Confirmer le nouveau mot de passe</label>
                <div class="col-md-6">
                    <input id="tbPasswordConfirm" type="password" name="passwordConfirm" class="form-control" placeholder="Confirmer votre nouveau mot de passe..."/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-offset-3 col-md-6">
                    <button type="submit" class="btn btn-primary">Valider</button>
                </div>
            </div>
        </form>
    </jsp:body>
</t:baselayout>